<%= content_for :css do %>
  	<%= stylesheet_link_tag '/assets/hdphoto'%>
	<style>
		#mainContent{height: <%= 110 + ((@hd_photos.count/3.0).ceil * 300) %>px;}
	</style>
<% end %>

<% if @guided_tour %>
	<div id="orinfo">
		<%= link_to 'Home', root_path %> >
		<%= link_to 'Best Events', events_best_path %> >
		<%= @event.name %>
	</div>
<% else %>
	<div id="orinfo">
		<%= link_to 'Home', root_path %> >
		<%= link_to 'All Events', events_all_path %> >
		<%= @event.name %>
	</div>
<% end %>

<h1><%= @event.name %> Photos</h1>

<div class='structural'>
  <button id ="introduction">
  	<%= link_to 'Introduction', event_path(@event, guided_tour: @guided_tour) %>
  </button>

  <button id="booking" disabled="disabled">
  	HD Photos
  </button>
</div>
<% if @hd_photos.size() > 0 %>
<ul class='gallery'>
	<% @hd_photos.each do |photo| %>
		<li class="hd_photo"> <%= image_tag photo.img_src %> </li>
	<% end %>
</ul>
<% else %>
<div class="errMessage"> There are no photos for this event </div>
<% end %>
